<!DOCTYPE HTML>
<html>
    <meta charset="utf-8">
    <head><title>三段式布局</title>
		<link rel="stylesheet" href="task_03.css">
	</head>
	<body>
	<div class="mainbody">
		<div class="left">
			<img class="teamlogo" src="1.jpg" alt="logo">
			<div class="teamname">团队名称</div>
		</div>

		<div class="right">
		<img class="menbers_logo" src="1.jpg" alt="logo">
		<img class="menbers_logo" src="1.jpg" alt="logo">
		<img class="menbers_logo" src="1.jpg" alt="logo">
		<img class="menbers_logo" src="1.jpg" alt="logo">
		</div>

		<div class="main">
			<article>
				<h2>关于你们团队的介绍。</h2>
				<p>可以给我们解释一下团队名称的来历，或是分别介绍你们的团队成员。</p>
				<h3>（以下为示例）</h3>
				<p>百度前端技术学院的课程任务是由百度前端工程师专为对前端不同掌握程度的同学设计。我们尽力保证课程内容的质量以及学习难度的合理性，但即使如此，真正决定课程效果的，还是你的每一次思考和实践。</p>
				<h3>2016春季班概述</h3>
				<p>课程多数题目的解决方案都不是唯一的，这和我们在实际工作中的情况也是一致的。因此，我们的要求不仅仅是实现设计稿的效果，更是要多去思考不同的解决方案，评估不同方案的优劣，然后使用在该场景下最优雅的方式去实现。</p>
			</article>
		</div>

		
	</div>
	</body>
</html>
